// 浅色主题变量
:root[data-theme='light'], :root:not([data-theme]) {
  // 主要颜色
  --color-primary: #409eff;
  --color-primary-hover: #66b1ff;
  --color-primary-active: #337ecc;
  --color-success: #67c23a;
  --color-warning: #e6a23c;
  --color-danger: #f56c6c;
  --color-info: #909399;

  // 背景颜色
  --color-bg-base: #f5f7fa;
  --color-bg-container: #ffffff;
  --color-bg-elevated: #ffffff;
  --color-bg-layout: #f5f7fa;
  --color-bg-spotlight: #fafafa;

  // 文字颜色
  --color-text: #303133;
  --color-text-secondary: #606266;
  --color-text-tertiary: #909399;
  --color-text-quaternary: #c0c4cc;
  --color-text-disabled: #c0c4cc;
  --color-text-placeholder: #c0c4cc;
  --color-text-inverse: #ffffff;

  // 边框颜色
  --color-border: #dcdfe6;
  --color-border-secondary: #e4e7ed;
  --color-border-tertiary: #ebeef5;
  
  // 分割线颜色
  --color-divider: #ebeef5;
  
  // 阴影颜色
  --color-shadow: rgba(0, 0, 0, 0.1);
}
